﻿@import "../variables";

.msacademic .consec {
	h1																	{ font-size: 56px; font-weight: 200; .segoeUILight_font_family;
																		  padding-bottom: 25px; opacity: 0.9; color: @orange-base; }
	h2																	{ font-size: 18px; color: @grey-base; text-transform: uppercase; font-weight: bold; 
																		  padding-bottom: 15px; opacity: 0.5; }
	.articles .item														{ float: left; width: 265px; margin-right: 15px; }
	.articles .item .picture img										{ max-width: 100%; }
	.articles .item .data												{ height: 180px; padding: 15px; }
	.articles .item .data h3											{ .segoeUILight_font_family; font-weight: lighter;  line-height: 1.1; padding-bottom: 8px;  
																		  font-size: 24px; color: @grey-base; }
	.articles .item .data h3:hover										{ color: @orange-base; }
	
	.articles .item .data .meta											{ font-size: 12px; color: lighten(@grey-base, 10%); padding: 10px 0; display: block; }
}

/* Responsive design
==================================================== */
@media all and (max-width: 1600px) {
    .msacademic .consec { 
		h1																{ font-size: 36px; }
  		h2																{ font-size: 14px; }

		.articles .item													{ width: 230px; }
		.articles .item .data											{ height: 165px; padding: 12px; }
		.articles .item .data h3										{ font-size: 18px; }
    }
}

@media all and (max-width: 1024px) {
    .msacademic .consec .articles {
		.clearfix														{ width: 100%; }
        .item															{ width: 100%; float: none; clear: both; margin-bottom: 3%; padding-bottom: 3%; border-bottom: 1px dashed @border-base-color; }
        .picture														{ width: 75px; height: 100px; float: left; margin-right: 5%; }
        .item .data														{ height: auto; padding: 0; }
        .item .data h3													{ padding-bottom: 0px; }
		.item a															{ display: block; }
		.item .data .meta a												{ display: inline; }
    }
}

@media all and (max-width: 600px) {
    .msacademic .consec .articles { 
		.picture														{ }
    }
}
